<div class="attendease-presenter-profile">
  <div class="attendease-presenter{% if page.presenter.featured %} attendease-featured-presenter{% endif %}" data-presenter-id="{{ page.presenter.id }}">
    <div class="attendease-presenter-profile-image">
      <img src="{{ page.presenter.profile_url }}" />
    </div>

    <div class="attendease-presenter-name">
      <h1>{{ page.presenter.first_name }} {{ page.presenter.last_name }}</h1>
    </div>

    <div class="attendease-presenter-title">
      {{ page.presenter.title }}
    </div>

    <div class="attendease-presenter-company">
      {{ page.presenter.company }}
    </div>

    {% if page.presenter.social %}
      <div class="attendease-presenter-social">
        {% if page.presenter.social.twitter and page.presenter.social.twitter != '' %}
          <a class="attendease-social-icon twitter" href="https://twitter.com/{{ page.presenter.social.twitter }}" target="_blank">
            <i class="fa fa-twitter-square fa-3"></i>
            <span class="attendease-social-network">Twitter</span>
            <span class="attendease-social-handle">@{{ page.presenter.social.twitter }}</span>
            <span class="attendease-social-url">https://twitter.com/{{ page.presenter.social.twitter }}</span>
          </a>
        {% endif %}
        {% if page.presenter.social.facebook and page.presenter.social.facebook != '' %}
          <a class="attendease-social-icon facebook" href="https://www.facebook.com/{{ page.presenter.social.facebook }}" target="_blank">
            <i class="fa fa-facebook-square fa-3"></i>
            <span class="attendease-social-network">Facebook</span>
            <span class="attendease-social-handle">{{ page.presenter.social.facebook }}</span>
            <span class="attendease-social-url">https://www.facebook.com/{{ page.presenter.social.facebook }}</span>
          </a>
        {% endif %}
        {% if page.presenter.social.linkedin and page.presenter.social.linkedin != '' %}
          <a class="attendease-social-icon linkedin" href="{{ page.presenter.social.linkedin }}" target="_blank">
            <i class="fa fa-linkedin-square"></i>
            <span class="attendease-social-network">LinkedIn</span>
            <span class="attendease-social-url">{{ page.presenter.social.linkedin }}</span>
          </a>
        {% endif %}
        {% if page.presenter.social.googleplus and page.presenter.social.googleplus != '' %}
          <a class="attendease-social-icon googleplus" href="{{ page.presenter.social.googleplus }}" target="_blank">
            <i class="fa fa-google-plus-square"></i>
            <span class="attendease-social-network">Google+</span>
            <span class="attendease-social-url">{{ page.presenter.social.googleplus }}</span>
          </a>
        {% endif %}
      </div>
    {% endif %}

    <div class="attendease-presenter-bio">
      {{ page.presenter.bio | markdownify }}
    </div>

  </div>

  <div class="attendease-sessions attendease-schedule">
    {% if site.attendease.data.event_session_times_heading == true %}
    {% assign t_size = page.presenter.sessions.size %}
    <h2 class="attendease-sessions-heading">{% attendease_t event.lingo.sessions %}</h2>
    {% endif %}

    {% for session in page.presenter.sessions %}
      <div class="attendease-session-and-instances {{ session.filter_tags }}" data-session-id="{{ session.id }}">
        <div class="attendease-session-name">
          <h3><a href="/schedule/sessions/{{ session.slug }}">{{ session.name }}</a></h3>
        </div>

        {% for instance in session.instances %}
          <div class="attendease-instance" data-instance-id="{{ instance.id }}">
            <h3 class="attendease-date" data-date="{{ instance.date }}">
              {{ instance.date_formatted }}
            </h3>

            <div class="attendease-instance-details">
              <div class="attendease-instance-detail attendease-time-range" data-duration="{{ instance.duration }}" data-start-time="{{ instance.time }}">
                {{ instance.time_formatted }} - {{ instance.end_time_formatted}}

                <div class="attendease-duration" data-duration="{{ instance.duration }}">
                  {{ instance.duration_formatted }}
                </div>
              </div>

              <div class="attendease-instance-divider"></div>

              <div class="attendease-instance-detail attendease-instance-location">
                <div class="attendease-instance-location-venue"><a href="/venues/{{ instance.venue_slug }}">{{ instance.room.venue_name }}</a></div>
                <div class="attendease-instance-location-room">{{ instance.room.name }}</div>
              </div>

              {% if instance.session.primary_filter %}
              <div class="attendease-instance-divider"></div>

              <div class="attendease-instance-detail ">
                <div class="attendease-primary-filter-name">{{ instance.session.primary_filter_name }}</div>
                <div class="attendease-primary-filter">{{ instance.session.primary_filter }}</div>
              </div>
              {% endif %}

              {% if site.attendease.data.attendease_event_scheduling_available %}
                <div class="attendease-instance-divider"></div>

                <div class="attendease-instance-detail attendease-scheduling-widget">
                  <div class="attendease-schedule-status"></div>
                  <div class="attendease-schedule-action"></div>
                </div>
              {% endif %}

            </div>
          </div>
        {% endfor %}

      </div>
    {% endfor %}

  </div>
</div>
